<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>智能办公系统</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

  	<style>
* {
	margin: 0 auto;
	padding: 0;
	border: 0;
}

body {
	background: #0462A5;
	font: 12px "宋体";
	color: #004C7E;
}

input {
	border: 1px solid #004C7E;
}

.main {
	background: url(images/bg.jpg) repeat-x;
	text-align: center;
	height: 500px;
}

.login {
	background: #DDF1FE;
	width: 468px;
	height: 262px;
	border: 1px solid #000;
}

.top {
	background: url(images/login_bg.jpg) repeat-x;
	width: 464px;
	height: 113px;
	border: 1px solid #2376B1;
	margin-top: 1px;
}

.logo {
	font-size: x-large;
	color: #FFF;
	width: 214px;
	height: 42px;
	float: left;
	margin: 29px 0 0 14px;
	width: 214px;
}

.lable {
	width: 181px;
	height: 32px;
	float: right;
	color: white;
	margin: 81px 50px 0 0;
}

.submit {
	background: url(images/submit.jpg) no-repeat;
	width: 71px;
	height: 24px;
	border: 0;
}

.reset {
	background: url(images/reset.jpg) no-repeat;
	width: 71px;
	height: 24px;
	border: 0;
}
</style>
<script language="javascript"> 
function loadimage(){ 
document.getElementById("randImage").src = "check_code.jsp?"+Math.random(); 
} 
</script> 
	</head>
	<body>
		<form action="" method="post">
			<table width="100%" class="main" cellpadding="0" cellspacing="0">
				<tr>
					<td>
						<div class="login">
							<div class="top">
								<div class="logo">
									智能办公系统
								</div>
								<div class="lable">
									Intelligent office systems
								</div>
							</div>
							<table width="468" cellpadding="0" cellspacing="0">
								<tr>
									<td width="282" style="padding-top: 17px;">
										<table width="100%" cellpadding="0" cellspacing="0">
											<tr>
												<td align="right" height="27">
													账 号:
												</td>
												<td align="right" width="161">
													<input type="text" id="user" name="userInfo.userName" size="20"/>
												</td>
											</tr>
											<tr>
												<td align="right" height="27">
													密 码:
												</td>
												<td align="right" width="161">
													<input type="password" id="password" name="userInfo.password" size="20"/>
												</td>
											</tr>
											<tr>
												<td align="right" height="27">
													验证码:
												</td>
												<td align="right" width="161">
												<input type="text" id="rand" name="rand" size="9"/>
													<img alt="刷新" name="randImage" id="randImage" src="check_code.jsp" width="56" height="20" border="1" align="absmiddle" onclick="javascript:loadimage();"/>
												</td>
											</tr>
										</table>
									</td>
									<td style="padding-top: 18px;">
										<table width="100%" cellpadding="0" cellspacing="0">
											<tr>
												<td align="center" height="29">
													<input name="submit" type="submit" value="" class="submit" />
												</td>
											</tr>
											<tr>
												<td align="center" height="29">
													<input name="reset" type="reset" value="" class="reset" />
												</td>
											</tr>
										</table>
									</td>
								</tr>
							</table>
				</tr>
			</table>
			<table width="100%" cellpadding="0" cellspacing="0"
								style="margin-top: 28px;">
								<tr>
									<td align="center"; style="color: white">
										Copyright © 2013 XXXXX Rights Reserved.<br/>

XXXXX 版权所有

									</td>
								</tr>
							</table>
		</form>
	</body>
</html>
